<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/head.jsp"%>
        <div class="right">
            <div class="location">
                <strong>当前位置:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="post" action="/user/list" id="form1">
					 <span>用户名：</span>
					 <input name="realname" class="input-text"	type="text" value="${sysUser.realname }">
					 
					 <span>角色：</span>
					 <select name="roleid">
					   <option value="0">--全部--</option>
					   <c:forEach var="role" items="${roles}">
							<option value="${role.id}" ${role.id == sysUser.roleid?'selected':''}>${role.rolename}</option>
					   </c:forEach>
	        		</select>
					 
					 <input type="hidden" id="page" name="pageNum" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="/user/toAdd" >添加</a>
				</form>
            </div>
            <!--用户-->
            <table class="supplierTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="15%">账号</th>
                    <th width="15%">真实姓名</th>
                    <th width="10%">角色</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="30%">操作</th>
                </tr>
                   <c:forEach var="user" items="${pageInfo.list }" varStatus="status">
					<tr>
						<td>
						<span>${user.account }</span>
						</td>
						<td>
						<span>${user.realname }</span>
						</td>
						<td>
							<span>${user.sysRole.rolename}</span>
						</td>
						<td>
							<span>
								<c:if test="${user.sex==1}">女</c:if>
								<c:if test="${user.sex==2}">男</c:if>
							</span>
						</td>
						<td>
						<span>${user.age}</span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
						<span><a href="/user/view/${user.id}" userid=${user.id } account=${user.account }><img src="${pageContext.request.contextPath }/statics/images/view.png" alt="查看" title="查看"/></a></span>
						<span><a href="/user/update/${user.id}" userid=${user.id } account=${user.account }><img src="${pageContext.request.contextPath }/statics/images/upd.png" alt="修改" title="修改"/></a></span>
						<span><a class="deleteUser" href="javascript:;" userid=${user.id } account=${user.account }><img src="${pageContext.request.contextPath }/statics/images/del.png" alt="删除" title="删除"/></a></span>
						</td>
					</tr>
				</c:forEach>
			</table>

			<div class="page-bar">
				<ul class="page-num-ul clearfix">
					<li>共${pageInfo.total }条记录&nbsp;&nbsp; ${pageInfo.pageNum }/${pageInfo.pages }页</li>
					<c:if test="${pageInfo.hasPreviousPage}">
						<a href="javascript:void(0)" onclick="changePage(1)">首页</a>
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.prePage})">上一页</a>
					</c:if>
					<c:if test="${pageInfo.hasNextPage }">
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.nextPage})">下一页</a>
						<a href="javascript:void(0)" onclick="changePage(${pageInfo.pages})">尾页</a>
					</c:if>
					&nbsp;&nbsp;
				</ul>
				<span class="page-go-form"><label>跳转至</label>
	     			<input type="text" name="inputPage" id="inputPage" class="page-key" />页
	     			<button type="button" class="page-btn" onClick='changePage(document.getElementById("inputPage").value)'>GO</button>
				</span>
		</div>
<%--			<input type="hidden" id="totalPageCount" value="${totalPageCount}"/>--%>
<%--		  	<c:import url="/WEB-INF/jsp/sysRole/rollpage.jsp">--%>
<%--	          	<c:param name="totalCount" value="${totalCount}"/>--%>
<%--	          	<c:param name="currentPageNo" value="${currentPageNo}"/>--%>
<%--	          	<c:param name="totalPageCount" value="${totalPageCount}"/>--%>
<%--          	</c:import>--%>
			<%--<div class="supplierAdd">
				<div>
					<label>用户编码：</label>
					<input type="text" id="v_account" value="" readonly="readonly">
				</div>
				<div>
					<label>用户名称：</label>
					<input type="text" id="v_realName" value="" readonly="readonly">
				</div>
				<div>
					<label>用户性别：</label>
					<input type="text" id="v_sex" value="" readonly="readonly">
				</div>
				<div>
					<label>出生日期：</label>
					<input type="text" Class="Wdate" id="v_birthday" value=""
						   readonly="readonly" onclick="WdatePicker();">
				</div>
				<div>
					<label>创建日期：</label>
					<input type="text" Class="Wdate" id="v_createdTime" value=""
						   readonly="readonly" onclick="WdatePicker();">
				</div>
				<div>
					<label>用户电话：</label>
					<input type="text" id="v_phone" value="" readonly="readonly">
				</div>
				<div>
					<label>用户角色：</label>
					<input type="text" id="v_roleIdName" value="" readonly="readonly">
				</div>
				<div>
					<label>用户地址：</label>
					<input type="text" id="v_address" value="" readonly="readonly">
				</div>
			</div>
        </div>--%>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>确定删除该用户吗？</p>
            <a href="#" id="yes">是</a>
            <a href="#" id="no">否</a>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript">
	function changePage(pageNum) {
		// 修改隐藏域的值
		var page = document.getElementById("page");
		page.value = pageNum

		var form1 = document.getElementById("form1");
		form1.submit();
	}
</script>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/sysUser/list.js"></script>
